import React from 'react';
import { Router, Route, hashHistory, IndexRoute, Link } from 'react-router';
import NavLink from './NavLink';
import Home from './Home';

export default React.createClass({
  render(){
    return(
      <div>
        <h1>Hello, React Router!</h1>
        <ul role='nav'>
          <li><NavLink to='/about' >About</NavLink></li>
          <li><NavLink to='/repos' >Repos</NavLink></li>
        </ul>

        {/* add this */}
        {this.props.children || <Home/>}
      </div>
    );
  }
});
